import variables from '@/assets/styles/variables.scss'

const settings = {
  state: {
    theme: variables.theme,
    tagsView: true,
    fixedHeader: false,
    showSettings: false
  },
  mutations: {
    SET_TAGSVIEW: (state, tagsView) => {
      state.tagsView = tagsView
    },
    SET_THEME: (state, theme) => {
      state.theme = theme
    },
    SET_FIXEDHEADER: (state, fixedHeader) => {
      state.fixedHeader = fixedHeader
    }
  },
  actions: {
    setTagsView: ({ commit }, tagsView) => {
      commit('SET_TAGSVIEW', tagsView)
    },
    setTheme: ({ commit }, theme) => {
      commit('SET_THEME', theme)
    },
    setFixedHeader: ({ commit }, fixedHeader) => {
      commit('SET_FIXEDHEADER', fixedHeader)
    }
  }
}
export default settings
